<template>
  <el-container>
    <el-header style="padding: 0px;position: relative;margin-bottom: 10px">
      <div style="background-image: linear-gradient( #48D4F4,#003d99);height: 42px">
        <img src="src/assets/Afterimg/logo.png" alt="" style="position:absolute;left: 20px">
      </div>
      <div style="background-color:#F0F8FF;height: 19px"></div>
    </el-header>
    <el-main style="padding: 0 ;border: 1px solid #EBEEF5 ;">
      <el-row class="tac">
        <el-col style="width: 250px">
          <el-menu
              default-active="2"
              class="el-menu-vertical-demo">
            <el-menu-item index="1" @click="$router.push('adminLine')">
              <i class="el-icon-menu"></i>
              <template #title >旅游线路管理</template>
            </el-menu-item>
            <el-menu-item index="2" @click="$router.push('adminGroupbuy')">
              <i class="el-icon-menu"></i>
              <template #title>团购信息管理</template>
            </el-menu-item>
            <el-menu-item index="3" @click="$router.push('adminOrder')">
              <i class="el-icon-menu"></i>
              <template #title>用户订单管理</template>
            </el-menu-item>
          </el-menu>
        </el-col>
        <div style="margin-left: 250px;">
          <router-view></router-view>
        </div>

      </el-row>
    </el-main>
  </el-container>
</template>

<script>
export default {
  name: "adminHome",
  data(){
    return{
      tabPosition:'left',
    }
  }
}
</script>

<style scoped>
 .el-menu-item{
  padding: 0px;
}
</style>